@import "./mixin.scss";
//覆盖一些element-ui样式

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-dialog {
  .el-dialog__header {
    font-size: 18px;
    padding: 30px;
    border-bottom: none !important;
    color: #40424D;
  }
  .el-dialog__title {
    font-weight: bold;
  }
  .el-dialog__body {
    padding: 0px 70px;
  }
  .el-dialog__footer {
    position: relative;
    z-index: 2001;
    padding: 15px 30px;
    // box-shadow:0px 4px 24px 0px rgba(24,28,85,0.24);
  }
}

.el-dialog__wrapper {
  @include scrollBar;
}
.el-message-box__title {
  font-weight: bolder;
}

.form_none_margin {
  margin: 0 !important;
}

.el-table th {
  background-color: #EFEFF5 !important;
}

.el-menu--popup {
  //background: #003998 !important;
  background: rgba(10, 47, 81, 1) !important;
}

.el-tooltip__popper {
  max-width: 800px;
}

// .el-pagination.is-background .el-pager li:not(.disabled).active {
//   background: linear-gradient(-28deg, rgba(16, 86, 194, 1), rgba(45, 133, 238, 1), rgba(6, 212, 195, 1));
//   color: #fff;
//   font-weight: bold;
//   border: none;
// }

// .el-pagination.is-background .btn-prev,
// .el-pagination.is-background .btn-next,
// .el-pagination.is-background .el-pager li {
//   background: #fff;
//   border: 1px solid $--border-color-base;
// }

// .el-pagination__sizes .el-input .el-input__inner:hover {
//   border-color: #c0c4cc;
// }

// .el-pagination.is-background .el-pager li.el-icon {
//   border: none;
// }

.el-button--primary,
.el-button--default,
.el-button--success,
.el-button--warning,
.el-button--danger,
.el-button--info {
  min-width: 72px;
  &.el-button--mini {
    min-width: 64px;
  }
}

.form_margin_l_node .el-form-item__content {
  margin-left: 0 !important;
}

.el-upload__input {
  display: none;
}

.el-breadcrumb__inner.is-link:hover,
.el-breadcrumb__inner a:hover {
  color: #2e3381 !important;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.el-submenu__title {
  transition: all 0.5s ease-out;
  height: 44px;
  line-height: 44px;
}

.el-menu-item {
  height: 44px !important;
  line-height: 44px !important;
  transition: all 0.5s ease-out;
  &::after {
    transition: all 0.5s ease;
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    background: #4D7BFF;
    width: 4px;
    height: 0;
  }
  &:hover {
    background: linear-gradient(70deg, rgba(77, 123, 255, 0.2) 48%, rgba(77, 123, 255, 0.08) 100%);
    color:rgba(77, 123, 255, 1) !important;
    &::after {
      height: 100%;
      transform: translateY(-50%);
    }
  }
}

.button_green {
  background: #0BCF9E !important;
  color: #fff !important;
  border: none !important;
  &:active {
    background-color:#10c196 !important;
  }
  &:hover {
    background-color:#3cd9b1 !important;
  }
  &.is-disabled {
    background: #85e7cf !important;
  }
}
.button_purple {
  background: #9561E3 !important;
  color: #fff !important;
  border: none !important;
  &:active {
    background-color:#9561E3 !important;
  }
  &:hover {
    background-color:rgb(162, 114, 233) !important;
  }
  &.is-disabled {
    background: #85e7cf !important;
  }
}
.button_blue {
  background: #4D7BFF !important;
  color: #fff !important;
  border: none !important;
  &:active {
    background-color:#4D7BFF !important;
  }
  &:hover {
    background-color:#569df1 !important;
  }
  &.is-disabled {
    background: #85e7cf !important;
  }
}

.el-submenu__title {
  padding: 0 20px !important;
}

.el-menu-item {
  padding: 0 20px !important;
}

.nest-menu .el-menu-item {
  padding: 0  0 0 55px !important;
}

.el-menu--vertical .el-menu-item {
  padding: 0 20px !important;
}

#app .sidebar-container .el-submenu__title:hover {
  color:rgba(77, 123, 255, 1) !important;
  background: linear-gradient(70deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.16) 100%) !important;
  //background: linear-gradient(70deg, rgba(19, 120, 199, 1) 48%, rgba(52, 182, 205, 1) 100%) !important;
}

#app .sidebar-container .el-menu-item.is-active {
  position: relative;
  background: linear-gradient(70deg, rgba(77, 123, 255, 0.2) 48%, rgba(77, 123, 255, 0.08) 100%);
  color:rgba(77, 123, 255, 1) !important;
  &::after {
    height: 100%;
    transform: translateY(-50%);
  }
}
.avatar-container .popper__arrow, .avatar-container .popper__arrow:after {
  border-bottom-color: #138c98 !important;
}
.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    width: 60px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

//文章页textarea修改样式
.article-textarea {
  textarea {
    padding-right: 40px;
    resize: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bfcbd9;
  }
}

//element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

//dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// .el-table__body-wrapper {
//   @include scrollBar;
// }

.el-table__header-wrapper .has-gutter {
  background: #EFEFF5 !important;
}

//.el-table__header-wrapper .has-gutter th .cell {
//  color: #40424D !important;
//  font-weight: 400;
//  font-size: 14px;
//}
.el-table th > .cell {
  color: #40424D !important;
  font-weight: 400;
  font-size: 14px;
}
.el-tree{
  /deep/ .el-tree-node__content{
    height: 35px;
  }
}
/*
* 调整表格样式
*/
.el-table--small{
  font-size: 14px !important;
  .el-button--small{
    font-size: 14px;
  }
}
.el-table {
.hover-row > td {
  background-color: rgba(219,234,252,1)
}
}
// 表格左对齐
.el-table th.is-center, .el-table td.is-center {
  text-align: left;
}
/*弹框右上角关闭按钮颜色*/
.el-dialog__headerbtn .el-dialog__close{
  color: #40424D;
}
// 表格中表单样式
.el-table{
  .el-form-item{
    margin-bottom: 0;
  }
}

// 重写按钮颜色
.el-button--success{
  background: #09C770;
}
.el-button--info{
  background: #4F77F7;
}
.el-button--warning{
  background: #FF9B4A;
}
.el-button--danger{
  background: #F3525D;
}
.el-button--primary {
  background: #4D7BFF;
}
.el-button--text {
  color: #517EFF;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
//修改穿梭框样式
.el-transfer-panel__filter .el-input__inner {
  border-radius: 0 !important;
}
.el-transfer {
  .el-transfer__buttons {
    display: inline-flex;
    flex-direction: column;
    .el-button + .el-button {
      margin-left: 0;
    }
    .is-disabled {
      color: #757780;
      background-color: #ffffff;
      border-color: #E3E3E3;
    }
  }
  .el-button--small {
    padding: 8px 16px !important;
    font-size: 14px !important;
    border-radius: 3px !important;
  }
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  color: #40424C;
  font-weight: bold;
}
.el-transfer-panel .el-transfer-panel__header {
  background: #fff;
}
// 修改树形下拉宽度宽度
.el-cascader-node {
  width: 230px !important;
}
// 修改多选下拉框的样式,强制换行
.el-select__tags {
  .el-tag.el-tag--info {
    max-width: 302px;
    height: auto;
    white-space: normal;
    word-break: break-all;
  }
}
.el-transfer-panel__item.el-checkbox {
  width: 100%;
}
.el-transfer-panel__list {
  overflow: auto;
  overflow-x: hidden;
}